<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 从html5开始，除了cookie以外还新增了两种本地存储
        // localStorage  sessionStorage
        // 1、h5新增的
        // 2、大小可以存5M左右
        // 3、过期时间不可配置的
        // 3.1、localStorage 永不过期，只要不用代码手动删除就一直在
        // 3.2、sessionStorage 会话期有效，关闭浏览器就清除
        // 4、不存在路径问题，无论在那存当前网站的任意路径都可以使用
        // 5、js本身提供了存取的api，两种api是一样的

        // 存
        // localStorage.setItem('name', '李四')
        // 取
        // var value = localStorage.getItem('name')
        // console.log(value)

        // 删一条
        // localStorage.removeItem('name')

        // 删除所有
        localStorage.clear()

        // 2、sessionStorage的用法和localStorage一摸一样，区别只是在于有效期


        // 真实项目中其实前端很少操作cookie，一般由后端来种cookie
        // 一般cookie存后端给的令牌，带着这个令牌请求后端数据

        // localStorage一般用于本地存储一些比较大的数据

    </script>
</body>
</html>